@font-face{
        font-family: 'NotoSerif-Bold-webfont';
        src: url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.eot');
        src: url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.eot?iefix')  format('eot'),
             url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.woff')       format('woff'),
             url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.tff')        format('truetype'),
             url('police/notoserif_bold_macroman/NotoSerif-Bold-webfont.svg#webfont')format('svg');
              
 }
 /* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('police/ballpark.eot');
    src: url('police/ballpark.eot?#iefix') format('embedded-opentype'),
         url('police/ballpark.woff') format('woff'),
         url('police/ballpark.ttf') format('truetype'),
         url('police/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('police/dayrom.eot');
    src: url('police/dayrom.eot?#iefix') format('embedded-opentype'),
         url('police/dayrom.woff') format('woff'),
         url('police/dayrom.ttf') format('truetype'),
         url('police/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}
 /* Elements principaux de la page */
 

body{
margin: 0;
padding: 0;
font-family: Arial;;
font-size: 20px;
   
color:#2c3e50;
}

header{
    

  
   font-family:  'Woodshop','Dayrom';
background:;
opacity: 1;
background-color:#f7feff;

height:70px; 
width: 100%;
padding: 0;
margin: -23px;
top:200px;
text-align: center;

}
/*.trans{
      font-family:  'Dayrom';
    text-align: center;
color:#ecf0f1;
opacity: 1;
font-size: 2.0em;
}*/
.part2{
position: relative;

    
background:#5AB6DA;
height: 500px;
width: :100%;

padding-right:150px;

margin: 0;

}




.part3{

    background: #eaeced;
   
    height: 200px;
    padding: 0;
    margin: 0;

}


/*
  INSCRIPTION
*/
#Inscription{
position: absolute;


margin: 0;
padding: 0;
left: 300px;
top: 50px;
}

#forme_insc_membre{

  position:relative;
background-color: #f7feff;
width:200px;
height: 300px;

padding: 100px;
padding-top: 15px;
display: inline-block;
margin: 0;
padding-top: -20px;
}

#forme_insc_prof{
    position:relative;
background-color: #f7feff;
width:200px;
height: 300px;

padding: 100px;
padding-top: 15px;
display: inline-block;
margin: 0;
top:0px;
left: -10px;
border-left: 1px solid #56A2C6;

}
.horizon, .validey{
  margin: 15px;
display: block;
width: 200px;
height: 30px;

}

.validey{
width: 203px;
border:1px solid #56A2C6;
color:#56A2C6;
background-color: #f7feff;
font-size: 15px;

}
.defun,.defde{
  position: absolute;
top:-5px;
}


/*
CONNEXION
*/
#Connexion{

position: absolute;


margin: 0;
padding: 0;
left: 300px;
top: 50px;

}

#forme_connexion{
  position:relative;
background-color: #f7feff;
width:200px;
height: 300px;

padding: 100px;
padding-top: 15px;
display: inline-block;
margin: 0;
padding-top: -20px;
}    
